<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>应用</title>
		<link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/demo.css"/>
		<script type="text/javascript" src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/iconfont.js"></script>
		<link rel="stylesheet" type="text/css" href="css/yingyong.css"/>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
		    <h1 class="mui-title">应用</h1>
		    <a href="#popover" class="mui-pull-right" id="add">
		    	<span class="mui-icon mui-icon-plusempty"></span>
		    </a>
	    	<div class="mui-input-row header-one">
	    		<div class="mui-input-row mui-search">
	    	    	<input type="search" id="search" class="mui-input-clear mui-input-speech" placeholder="">
	    		</div>
	    	</div>
	    </header>
	    <div id="slider" class="mui-slider" >
	      <div class="mui-slider-group mui-slider-loop">
	        <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
	        <div class="mui-slider-item mui-slider-item-duplicate">
	          <a href="#">
	            <img src="images/timg6.jpg">
	          </a>
	        </div>
	        <!-- 第一张 -->
	        <div class="mui-slider-item">
	          <a href="#">
	            <img src="images/timg7.jpg">
	          </a>
	        </div>
	        <!-- 第二张 -->
	        <div class="mui-slider-item">
	          <a href="#">
	            <img src="images/timg8.jpg">
	          </a>
	        </div>
	        <!-- 第三张 -->
	        <div class="mui-slider-item">
	          <a href="#">
	            <img src="images/timg9.jpg">
	          </a>
	        </div>
	        <!-- 第四张 -->
	        <div class="mui-slider-item">
	          <a href="#">
	            <img src="images/timg10.jpg">
	          </a>
	        </div>
	        <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
	        <div class="mui-slider-item mui-slider-item-duplicate">
	          <a href="#">
	            <img src="images/timg11.jpg">
	          </a>
	        </div>
	      </div>
	      <div class="mui-slider-indicator">
	        <div class="mui-indicator mui-active"></div>
	        <div class="mui-indicator"></div>
	        <div class="mui-indicator"></div>
	        <div class="mui-indicator"></div>
	      </div>
	    </div>
		
		<div class="mui-content" id="ncontent">
			<ul class="mui-table-view mui-grid-view mui-grid-9 list-two" id="list_two" >
		    	<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 list_two">
		        	<a href="#" id="jiaban">
		            	<span class="mui-icon iconfont icon-jiaban blue"></span>
		            	<div class="mui-media-body">记加班</div> 
		        	</a>
		    	</li>
		    	<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 list_gongzi">
		        	<a href="#" id="gongzi">
		            	<span class="mui-icon iconfont icon-icon-test yellow"></span>
		            	<div class="mui-media-body">查工资</div>
		        	</a>
		    	</li>
		    	<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 list_kaoqin">
		        	<a href="#" id="kaoqin">
		            	<span class="mui-icon iconfont icon-kaoqin yellow"></span>
		            	<div class="mui-media-body">考勤</div>
		        	</a>
		    	</li>
		    	<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 list_dangan" >
		        	<a href="#" id="dangan">
		            	<span class="mui-icon iconfont icon-dangan red"></span>
		            	<div class="mui-media-body">档案</div>
		        	</a>
		    	</li>
		    	<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 list_rizhi">
		        	<a href="#" id="rizhi">
		            	<span class="mui-icon iconfont icon-rizhiguanli blue"></span>
		            	<div class="mui-media-body">工作日志</div>
		        	</a>
		    	</li>
		    	<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 list_xiangmu">
		        	<a href="#" id="xiangmu">
		            	<span class="mui-icon iconfont icon-xiangmu blue" id="font5"></span>
		            	<div class="mui-medhttp://127.0.0.1:8020/Employee/yingyong.html?__hbt=1536146595015#ia-body">项目</div>
		        	</a>
		    	</li>
		    	<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 list_zhaopin">
		        	<a href="#" id="zhaopin">
		            	<span class="mui-icon iconfont icon-zhaopin blue"></span>
		            	<div class="mui-media-body">招聘信息 
		            	</div>
		        
		        	</a>
		    	</li>
		    	<li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3 newli">
		        	<a href="#" id="many">
		            	<span class="mui-icon iconfont icon-kaoqindaqia grey"></span>
		            	<div class="mui-media-body">打卡</div>
		        	</a>
		    	</li>
		    </ul>
		</div>
		
		
		
		
		
		
		<script type="text/javascript" charset="utf-8">
			mui.init({
				swipeBack:true //启用右滑关闭功能
			});
			var slider = mui("#slider");
			slider.slider({
				interval:5000
			});
			
			/*document.getElementById("switch").addEventListener('toggle', function(e) {
				if (e.detail.isActive) {
					slider.slider({
						interval: 5000
					});
				} else {
					slider.slider({
						interval: 0
					});
				}
			});*/
			
			mui(".list_two").on('tap','#jiaban',function(){
				/*var aValue = this.innerHTML;*/
				mui.openWindow({
					url:"jiaban.html",
					id:"jiaban.html",
					/*styles:{},
					extras:{
						list_two:aValue
				}*/ 
				})
			})
			mui(".list_gongzi").on('tap',"#gongzi",function(){
				mui.openWindow({
					url:"gongzi.html",
					id:"gongzi.html"
				})
			})
			
			mui(".list_kaoqin").on('tap',"#kaoqin",function(){
				mui.openWindow({
					url:"kaoqin.html",
					id:"kaoqin.html"
				})
			})
			
			mui(".list_dangan").on('tap',"#dangan",function(){
				mui.openWindow({
					url:"dangan.html",
					id:"dangan.html"
				})
			})
			
			mui(".list_rizhi").on('tap',"#rizhi",function(){
				mui.openWindow({
					url:"rizhi.html",
					id:"rizhi.html"
				})
			})
			
			mui(".list_xiangmu").on('tap',"#xiangmu",function(){
				mui.openWindow({
					url:"xiangmu.html",
					id:"xaingmu.html"
				})
			})
			
			
			mui(".list_zhaopin").on('tap',"#zhaopin",function(){
				mui.openWindow({
					url:"zhaopin.html",
					id:"zhaopin.html"
				})
			})
			
			mui(".newli").on('tap',"#many",function(){
				mui.openWindow({
					url:"sao.html",
					id:"sao.html"
				})
			})
		</script>
		
	</body>
</html>
